@import "base"; //首页的样式
//遮罩层样式
//是否登录提示框
//登录提示框
.wrapLoginDialog,
.wrapLoginDialog2 {
    display: none;
    .wh(100%,100%);
    background: rgba(0,0,0,0.85);
    position: fixed;
    left: 50%;
    .tm(translateX(-50%));
    top: 0;
    z-index: 100;
//  .loginDialog2 {
//      position: absolute;
//      top: 40%;
//      left: 50%;
//      .tm(translateX(-50%));
//      background: white;
//      .wh(70%,30%);
//      border-radius: 0.2rem;
//      p {
//          padding: 0.4rem 0.2rem;
//          color: #4a4b4d;
//          border-bottom: 1px solid #e5e5e5;
//      }
//      .cancle {
//          border-radius: 0.08rem;
//          border: 1px solid #e5e5e5;
//          color: #9c9c9c;
//          float: left;
//          padding: 0.1rem 0.5rem;
//          margin-left: 15%;
//          margin-top: 0.3rem;
//      }
//      .sure {
//          background: #fe0000;
//          color: white;
//          border-radius: 0.08rem;
//          border: 1px solid #fe0000;
//          float: left;
//          padding: 0.1rem 0.5rem;
//          margin-left: 5%;
//          margin-top: 0.3rem;
//      }
//  }


    .loginDialog,.loginDialog2 {
        .wh(70%,2.5rem);
        background: #fff;
        border-radius: 0.2rem;
        position: absolute;
        top: 30%;
        left: 15%;
        p {
            padding: 0.1rem 5%;
            line-height: 0.5rem;
            font-size: 0.28rem;
            text-align: center;
        }
        .input_warp {
            margin-top: 0.2rem;
            .wh(100%,0.8rem);
            line-height: 1rem;
            border-top: 0.01rem solid #F6F6F6;
            .cancle {
               display: inline-block;
               .wh(50%,1rem);
               float: left;
               font-size: 0.26rem;
               text-align: center;
               border-right: 0.01rem solid #F6F6F6;
               box-sizing: border-box;
//             span{
//                 padding: 0.1rem 0.2rem;
//                 border-radius: 0.1rem;
//                 border: 0.01rem solid #f6f6f6;
//             }
            }
            .sure {
               display: inline-block;
               .wh(50%,1rem);
               font-size: 0.26rem;
               text-align: center;
               color: #FE8A76;
//             span{
//                  color: #fff;
//                 padding: 0.1rem 0.2rem;
//                 border: 0.01rem solid #FE8A76;
//                 background: #FE8A76;
//                 border-radius: 0.1rem;
//             }
            }
        }
    }
}
//容错
.rongcuo,
.rongcuo2 {
    position: absolute;
    z-index: 10;
    left: 50%;
    .tm(translateX(-50%));
    p {
        text-align: center;
    }
    p:nth-of-type(1) {
        padding-top: 2.5rem;
        .iconfont {
            font-size: 1.5rem;
            color: #c5c5c5;
        }
        .icon-order {
            font-size: 1.5rem;
            color: #c5c5c5;
        }
        .icon-gouwuche {
            font-size: 1.5rem;
            color: #c5c5c5;
        }
    }
    p:nth-of-type(2) {
        font-size: 0.24rem;
        padding-top: 0.3rem;
    }
    p:nth-of-type(3) {
        padding-top: 0.5rem;
        a {
            span {
                color: #FE8975;
                padding: 0.1rem 0.4rem;
                border: 1px solid #FE8975;
                border-radius: 0.15rem;
            }
        }
    }
}
.mask {
    .wh(100%, 100%);
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    //  text-align: center;
    z-index: 1000;
    img {
        position: absolute;
        left: 40%;
        top: 40%;
        .wh(1.5rem, auto);
    }
}
//回到顶部样式
#backTop{
    display: none;
   .wh(0.6rem,0.6rem);
   position: fixed;
   right: 10%;
   bottom:10%;
   z-index: 20;
   background: #fff;
   border-radius: 50%;
   i{
      font-size: 0.6rem;
      color: #FE8A76;
     
   }    
}
.searchTop {
    .wh(100%, 0.8rem);
    line-height: 0.8rem;
    overflow: hidden;
    background: #F6F6F6;
    .search {
        float: left;
        .wh(66%,0.5rem);
        background: #fff;
        line-height: 0.5rem;
        .search2 {
            .wh(0.24rem, 0.24rem);
            color: #949494;
           display: inline-block;
           margin-left: 0.2rem;
        }
        input {
            width: 80%;
            border: 0;
            font-size: 0.22rem;
        }
        -webkit-border-radius: 0.15rem;
        border-radius: 0.15rem;
        margin-top: 0.15rem;
        
    }
    span {
        float: right;
        color: #fff;
        .wh(14%, 0.5rem);
        text-align: center;
        background: #FE8975;
        font-size: 0.22rem;
        line-height: 0.54rem;
        margin-right: 0.18rem;
        margin-top: 0.15rem;
        -webkit-border-radius: 0.15rem;
        border-radius: 0.15rem;
        display: inline-block;
    }
}
.banner {
    .wh(100%, 3.2rem);
    border-bottom: 0.1rem solid #F6F6F6;
    img {
        .wh(100%, 100%)
    }
}
.Recommend {
    .wh(100%, 0.53rem);
    line-height: 0.53rem;
    overflow: hidden;
    border-bottom: 0.1rem solid #F6F6F6;
    .left_logo {
        .wh(1.33rem, auto);
        float: left;
        margin-left: 0.22rem;
        margin-top: 0.13rem;
    }
    .Recommend_banner {
        float: left;
        .wh(4rem, 0.53rem);
        margin-left: 0.2rem;
        .swiper-slide {
            .wh(100%, auto);
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 0.2rem;
            color: #000;
        }
    }
    .right {
        float: right;
        .wh(0.17rem, auto);
        margin-right: 0.2rem;
        margin-top: 0.13rem;
    }
}
.list_logo {
    .wh(100%, 2.6rem);
    border-bottom: 0.1rem solid #F6F6F6;
    li {
        float: left;
        text-align: center;
        .wh(25%, 1.3rem);
        img {
            margin-top: 0.1rem;
            .wh(0.73rem, auto);
        }
        span {
            font-size: 0.2rem;
            color: #949494;
        }
    }
}
.recommend {
    .wh(100%, 3rem);
    border-bottom: 0.1rem solid #F6F6F6;
    h4 {
        .wh(90%, 0.74rem);
        line-height: 0.74rem;
        padding-left: 0.22rem;
        font-size: 0.24rem;
        color: #404040;
    }
    .recommend_img {
        position: relative;
        float: left;
        .wh(2.86rem, auto);
        margin-left: 0.22rem;
        img {
            .wh(100%, 100%);
            border-radius: 0.15rem;
        }
        .recommend_shadow {
            position: absolute;
            top: 0;
            left: 0;
            .wh(100%, 100%);
            background: rgba(0, 0, 0, 0.6);
            text-align: center;
            color: #fff;
            line-height: 2rem;
            font-size: 0.2rem;
            border-radius: 0.15rem;
        }
    }
}
.selected_projects {
    overflow: hidden;
    .wh(100%, 0.8rem);
    line-height: 0.8rem;
    h3 {
        margin-left: 0.2rem;
        float: left;
        font-size: 0.24rem;
    }
    #click_login {
        margin-left: 40%;
        float: left;
        margin-top: 0.15rem;
        .wh(1.65rem, auto);
    }
    .bottom {
        float: right;
        margin-right: 0.2rem;
        margin-top: 0.3rem;
        .wh(0.33rem, auto);
    }
}
.project_list {
    position: relative;
    .project_img {
        .wh(6rem, 3.7rem);
        position: relative;
        margin: 0 0.2rem;
        .img {
            .wh(100%, 3.7rem);
        }
        ul {
            width: 65%;
            position: absolute;
            li {
                float: left;
                font-size: 0.16rem;
                padding: 0.06rem 0.14rem;
                border-radius: 0.1rem;
                color: #fff;
                margin-top: 0.22rem;
                margin-left: 0.12rem;
            }
            li:nth-of-type(1) {
                //              background: #fe8a76;
                margin-left: 0.2rem;
            }
            //          li:nth-of-type(2) {
            //              background: #608baf;
            //              margin-left: 0.12rem;
            //          }
            //          li:nth-of-type(3) {
            //              background: #fecb02;
            //              margin-left: 0.12rem;
            //          }
        }
        .project_aixin {
            position: absolute;
            right: 0;
            top: 0.22rem;
            color: #fff;
            i {
                padding: 0.12rem 0.1rem;
                background: rgba(0, 0, 0, 0.6);
                border-top-left-radius: 1rem;
                border-bottom-left-radius: 1rem;
                font-size: 0.16rem;
            }
        }
        .project_name {
            position: absolute;
            .wh(6rem, 0.7rem);
            color: #fff;
            bottom: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.6);
            line-height: 0.7rem;
            .span1 {
                font-size: 0.24rem;
                margin-left: 0.16rem;
            }
            .span2 {
                float: right;
                margin-right: 0.3rem;
                font-size: 0.2rem;
                b {
                    font-size: 0.3rem;
                    color: #FE8975;
                }
                i {
                    font-style: normal;
                    color: #FE8975;
                }
            }
        }
    }
    .p1 {
        margin-left: 0.2rem;
        font-size: 0.22rem;
        margin-top: 0.06rem;
    }
    .p2 {
        font-size: 0.18rem;
        margin-left: 0.2rem;
        margin-top: 0.06rem;
        margin-bottom: 0.1rem;
    }
}
.select_logo {
    .wh(100%, auto);
    border-bottom: 0.1rem solid #F6F6F6;
    border-top: 0.1rem solid #F6F6F6;
    img{
        .wh(100%,auto);
    }
}
.h4 {
    position: relative;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.52rem;
    .icon-jiantouxia {
        float: right;
        position: absolute;
        right: 0.2rem;
        top: 0;
        font-size: 0.32rem;
        color: #bdbdbd;
    }
}
.join_people {
    .wh(90%, 0.5rem);
    margin: 0 5%;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border: 0.01rem solid #F6F6F6;
    background: #F6F6F6;
    line-height: 0.5rem;
    margin-top: 0.1rem;
    margin-bottom: 0.3rem;
    span {
        float: left;
        font-size: 0.18rem;
        margin-left: 0.3rem;
        b {
            font-weight: normal;
            color: #FE8975;
        }
        strong {
            font-weight: normal;
            color: #dfdfdf;
        }
    }
    .join_People {
        float: left;
        margin-left: 0.1rem;
        .wh(48%, 0.5rem);
        .swiper-slide {
            .wh(100%, auto);
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-size: 0.18rem;
            color: #939393;
        }
    }
}
footer {
    position: fixed;
    left: 50%;
    bottom: 0;
    background: #fff;
    z-index: 10;
    height: 0.9rem;
    .tm(translateX(-50%));
    border-top: 0.01rem solid #f6f6f6;
    ul {
        .wh(100%, 0.9rem);
        li {
            float: left;
            .wh(20%, 0.9rem);
            text-align: center;
            position: relative;
            .iconfont {
                display: inline-block;
                margin-top: 0.1rem;
                font-size: 0.4rem;
                margin-left: 0.05rem;
            }
            span {
                font-size: 0.2rem;
            }
            .buyNum {
                position: absolute;
                .wh(0.25rem,0.25rem);
                border-radius: 50%;
                background: red;
                top: 0.15rem;
                left: 58%;
                p {
                    line-height: 0.25rem;
                    font-size: 0.12rem;
                    color: #fff;
                }
            }
        }
        .active {
            color: #FE8975;
        }
    }
}
.project_list2 {
    position: relative;
    height: auto;
    overflow: hidden;
    .Remaining{
        .wh(100%,1.05rem);
        background: #F6F6F6;
        p:nth-of-type(1){
            font-size: 0.2rem;
            color: #989898;
            padding-left: 0.2rem;
            padding-top: 0.1rem;
        }
        p:nth-of-type(2){
            color: #FE8A76;
            line-height: 0.6rem;
            i{
                font-size: 0.28rem;
                padding-left: 0.2rem;
            }
        }
    }
    .project_img {
        .wh(6rem, 3.7rem);
        position: relative;
        padding: 0 0.2rem;
        .img {
            .wh(100%, 3.7rem);
        }
        ul {
            position: absolute;
            li {
                float: left;
                font-size: 0.16rem;
                padding: 0.06rem 0.14rem;
                border-radius: 0.1rem;
                color: #fff;
                margin-top: 0.22rem;
            }
            li:nth-of-type(1) {
                background: #fe8a76;
                margin-left: 0.2rem;
            }
            li:nth-of-type(2) {
                background: #608baf;
                margin-left: 0.12rem;
            }
            li:nth-of-type(3) {
                background: #fecb02;
                margin-left: 0.12rem;
            }
        }
        .project_aixin {
            position: absolute;
            right: 0;
            top: 0.22rem;
            margin-right: 0.2rem;
            color: #fff;
            .wh(42%, 0.5rem);
            border-top-left-radius: 1rem;
            border-bottom-left-radius: 1rem;
            background: rgba(0, 0, 0, 0.6);
            i {
                line-height: 0.5rem;
                padding: 0.12rem 0;
                margin-left: 0.2rem;
                font-size: 0.2rem;
            }
        }
        .project_name {
            position: absolute;
            .wh(6rem, 0.8rem);
            margin-left: 0.2rem;
            color: #fff;
            bottom: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.6);
            .span1 {
                font-size: 0.23rem;
                margin-left: 0.16rem;
                display: inline-block;
                margin-top: 0.05rem;
            }
            .span2 {
                float: right;
                margin-right: 0.3rem;
                font-size: 0.2rem;
                display: inline-block;
                color: #FE8975;
                b {
                    font-size: 0.28rem;
                }
                i {
                    font-style: normal;
                }
            }
            p {
                .wh(100%, auto);
                margin-top: 0.05rem;
                margin-left: 0.16rem;
                font-size: 0.18rem;
                span {
                    float: right;
                    margin-right: 0.4rem;
                }
            }
        }
    }
    .tuan_name {
        float: left;
        .wh(100%, 0.8rem);
        img {
            margin-top: 0.1rem;
            margin-left: 0.2rem;
            border-radius: 50%;
            .wh(0.45rem, auto);
        }
        p {
            margin-top: 0.1rem;
            font-size: 0.16rem;
            display: inline-block;
        }
        .start_time {
            float: right;
            margin-right: 0.3rem;
            font-size: 0.22rem;
            color: #FE8975;
            line-height: 0.8rem;
        }
    }
}
//name页面
.name_information,
.Intentional_City,
.buy_purpose,
.price_count {
    .wh(100%, 3rem);
    border-bottom: 0.2rem solid #F6F6F6;
    .name {
        line-height: 1rem;
        font-size: 0.24rem;
        span {
            font-weight: bolder;
            color: #404040;
            display: inline-block;
        }
        .wh(90%, auto);
        margin: 0 0.34rem;
        float: left;
        border-bottom: 2px solid #f6f6f6;
        input {
            border: 0;
            margin-left: 0.26rem;
            font-size: 0.24rem;
            width: 65%;
        }
        .iconfont {
            position: absolute;
            right: 0.3rem;
            font-size: 0.24rem;
        }
        .name_ul {
            display: none;
            li {
                float: left;
                text-align: center;
                line-height: 0.5rem;
                border: 0.01rem solid #d2d2d2;
                color: #000;
                display: block;
                border-radius: 0.1rem;
                margin: 0 0.2rem 0.2rem 0;
                span {
                    font-weight: normal;
                    font-size: 0.2rem;
                    padding: 0 0.1rem;
                }
            }
            .li_active {
                background: #FE8A76;
                border: 0.01rem solid #FE8A76;
                span {
                    color: #fff;
                }
            }
        }
    }
    .ID_number {
        border-bottom: 0;
    }
}
.name_information {
    height: 2rem;
    .name {
        input {
            margin-left: 0.5rem;
        }
    }
}
.Intentional_City {
    .wh(100%, auto);
    overflow: hidden;
}
.like_project {
    overflow: hidden;
    //  border-bottom: 0.2rem solid #F6F6F6;
}
.price_count {
    overflow: hidden;
    .wh(100%, auto);
    //  border-bottom: 0.2rem solid #F6F6F6;
}
.buy_purpose {
    overflow: hidden;
    .wh(100%, auto);
    //  border-bottom: 0.2rem solid #F6F6F6;
}
.button {
    .wh(100%, 1.38rem);
    overflow: hidden;
    .btn {
        margin-left: 10%;
        margin-top: 0.37rem;
        .wh(80%, 0.7rem);
        background: #fe8a76;
        text-align: center;
        line-height: 0.7rem;
        color: #fff;
        font-size: 0.3rem;
        -webkit-border-radius: 0.1rem;
        border-radius: 0.1rem;
    }
}
.goodsInfo_header,
.goodsInfo_title,
.goodsInfo_list,
.canHangUp,
.card {
    width: 100%;
    background: #FFFFFF;
}
.goodsInfo_header ul li img {
    width: 100%;
}
.goodsInfo_title {
    box-sizing: border-box;
    width: 100%;
    padding: 0 5%;
}
.goodsInfo_title .title {
    padding: 0.16rem 0 0.24rem;
    font-size: 0.3rem;
    font-weight: bold;
    box-sizing: border-box;
}
.goodsInfo_title .price {
    font-size: 0.18rem;
    box-sizing: border-box;
    padding-bottom: 0.2rem;
    .icon-shoucang1{
        color: #FE8A76;
    }
}
.goodsInfo_title .price span {
    font-size: 0.27rem;
    font-weight: bold;
    color: #ff8a78;
}
.goodsInfo_list {
    box-sizing: border-box;
    width: 100%;
    padding: 0.22rem 5%;
    border-top: 1px solid #f6f6f6;
    border-bottom: 0.2rem solid #f6f6f6;
}
.goodsInfo_list ul {
    overflow: hidden;
    width: 100%;
}
.goodsInfo_list ul li {
    float: left;
    width: 25%;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}
.goodsInfo_list ul li p:first-child {
    color: #ff8a78;
    font-weight: bold;
    font-size: 0.27rem;
    margin-bottom: 0.1rem;
}
.goodsInfo_list ul li p:first-child span {
    font-size: 0.18rem;
    font-weight: normal;
}
.canHangUp {
    .wh(100%, auto);
    padding: 0.2rem 0;
 }   
    .cTitle {
        .wh(100%, 0.5rem);
        border-bottom: 0.01rem solid #F6F6F6;
        .flt {
            margin-left: 0.2rem;
        }
        .frt {
            margin-right: 0.2rem;
        }
    }
    .cText {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 0.01rem solid #F6F6F6;
        box-sizing: border-box;
        p {
            line-height: 0.4rem;
            .wh(90%,auto);
            margin: 0 5%;
            font-size: 0.2rem;
        }
        img {
            .wh(100%, auto);
            padding: 0.15rem 0;
//          padding: 0 5%;
        }
        .comment {
            .wh(90%, auto);
            padding: 0.1rem 5%;
            .comment_first {
                img {
                    .wh(0.34rem, 0.34rem);
                    float: left;
                    padding: 0;
                }
                span {
                    font-size: 0.2rem;
                    color: #a8a8a8;
                }
                ul {
                    float: right;
                    li {
                        float: left;
                        .iconfont {
//                          color: #fa0f18;
                        }
                    }
                    .on{
                        .iconfont{
                             color: #fa0f18;
                        }
                    }
                }
            }
            .comment_content {
                float: left;
                font-size: 0.2rem;
                color: #44040;
                padding: 0.15rem 0;
                width: 100%;
            }
            .comment_img {
                width: 100%;
                height: auto;
                img {
                    float: left;
                    padding: 0;
                    .wh(1.35rem, 1.35rem);
                    margin-right: 0.12rem;
                    margin-bottom: 0.12rem;
                }
            }
        }
    }
    .Ctext {
        display: none;
    }
    .more_comment {
        .wh(100%, 1.3rem);
        text-align: center;
        line-height: 1.3rem;
        border-bottom: 0.2rem solid #f6f6f6;
        span {
            border: 0.01rem solid #ff8a78;
            padding: 0.2rem 0.6rem;
            border-radius: 0.14rem;
            text-align: center;
            line-height: 0.7rem;
            color: #FF8A78;
            font-size: 0.28rem;
        }
    }
.againcomment{
    .wh(100%,auto);
    overflow: hidden;
    h3{
       line-height: 0.8rem;
       color: #FE8A76;
       font-size: 0.28rem;
       font-weight: normal;
       margin-left: 4%;
    }
    .comment_content {
                float: left;
                font-size: 0.2rem;
                color: #44040;
                padding: 0.15rem 0;
                width: 100%;
            }
            .comment_img {
                width: 100%;
                height: auto;
                img {
                    float: left;
                    padding: 0;
                    .wh(1.35rem, 1.35rem);
                    margin-right: 0.12rem;
                    margin-bottom: 0.12rem;
                    margin-left: 5%;
                }
            }
}
//.canHangUp {
// width: 100%;
//  border-bottom: 0.01rem solid #F6F6F6
//}
.canHangUp .cTitle .flt span {
    font-size: 0.28rem;
    font-weight: bold;
}
.canHangUp .cTitle .flt span:nth-child(2n) {
    font-size: 0.22rem;
    font-weight: normal;
}
.canHangUp .cTitle .frt img {
    width: 0.17rem;
}
.canHangUp .cTitle .frt b {
    font-size: 0.2rem;
   font-weight: normal;
   color: #FE8A76;
}
.card {
    .wh(100%, 1.65rem);
    border-bottom: 0.2rem solid #F6F6F6;
    .card_left {
        float: left;
        img {
            .wh(0.95rem, 0.95rem);
            margin: 0.22rem 0.22rem 0.4rem 0.3rem;
            border-radius: 50%;
            border: 0.05rem solid #FF8A78;
        }
    }
    .card_right {
        float: left;
        font-size: 0.18rem;
        .first_p {
            line-height: 0.18rem;
            padding: 0.15rem 0;
            ul {
                display: inline-block;
                li {
                    float: left;
                    span {
                        color: #fa0f18;
                        font-size: 0.18rem;
                    }
                }
            }
        }
        .second_p {
            padding-bottom: 0.15rem;
            span {
                font-size: 0.28rem;
                color: #FF696A;
            }
        }
        .last_p {
            span {
                padding: 0.06rem 0.1rem;
                border-radius: 0.1rem;
                margin-right: 0.15rem;
            }
            span:nth-of-type(1) {
                border: 0.01rem solid #ff696a;
            }
            span:nth-of-type(2) {
                border: 0.01rem solid #608baf;
            }
            span:nth-of-type(3) {
                border: 0.01rem solid #fecb02;
            }
        }
    }
}
//详情页的遮罩层
.shadow_info {
    display: none;
    position: fixed;
    left: 50%;
    .tm(translateX(-50%));
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 20;
}
.groupWarp {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    .groupFirst {
        .wh(100%, 1.7rem);
        position: relative;
        border-bottom: 0.01rem solid #F6F6F6;
        .img1 {
            .wh(1.8rem, 1.8rem);
            border-radius: 0.1rem;
            position: absolute;
            left: 0.3rem;
            top: -0.38rem;
        }
        .img_cha {
            .wh(0.3rem, 0.3rem);
            position: absolute;
            right: 0.3rem;
            top: 0.2rem;
        }
        p {
            position: absolute;
            .wh(60%, 0.7rem);
            left: 2.2rem;
            top: 0.7rem;
        }
        .close {
            margin-top: 0.25rem;
            width: 0.33rem;
            float: right;
            margin-right: 5%;
            img {
                width: 100%;
            }
        }
    }
    .second_p {
        display: block;
        .wh(100%, auto);
        line-height: 0.4rem;
        font-size: 0.2rem;
        border-bottom: 0.01rem solid #F6F6F6;
        box-sizing: border-box;
        padding: 0 5%;
        overflow: hidden;
        .span1 {
            float: left;
            .wh(80%,auto);
        }
        .span2 {
            color: #fe8a76;
            font-size: 0.1rem;
            float: right;
            b {
                font-size: 0.26rem;
            }
        }
    }
    .Specifications {
        height: auto;
        p {
            padding: 0.28rem 0 0.2rem 0.25rem;
            font-size: 0.22rem;
        }
        ul {
            .wh(100%, auto);
            padding: 0.1rem 0 0 0.5rem;
            overflow: hidden;
            li {
                text-align: center;
                line-height: 0.5rem;
                border-radius: 0.1rem;
                .wh(1.5rem, 0.5rem);
                border: 0.01rem solid #F6F6F6;
                float: left;
                margin-right: 0.4rem;
                margin-bottom: 0.4rem;
                font-size: 0.2rem;
            }
            .active {
                background: #fe8a76;
                color: #fff;
            }
        }
    }
    .group_footer {
        padding: 0 5%;
        box-sizing: border-box;
        border-top: 1px solid #f6f6f6;
        a {
            display: block;
            width: 2.8rem;
            height: 0.8rem;
            border-radius: 0.08rem;
            text-align: center;
            line-height: 0.8rem;
            color: #FFFFFF;
            font-size: 0.28rem;
            background: #fa963e;
            float: left;
            margin-bottom: 0.33rem;
        }
        a:last-child {
            background: #fe8975;
            float: right;
        }
    }
}
.goodsInfo_btn {
    width: 100%;
    margin-top: -0.05rem;
    padding: 0 5% 0.18rem;
    box-sizing: border-box;
    overflow: hidden;
}
.goodsInfo_btn a {
    display: block;
    width: 2.8rem;
    height: 0.8rem;
    border-radius: 0.08rem;
    text-align: center;
    line-height: 0.8rem;
    color: #FFFFFF;
    font-size: 0.28rem;
}
.goodsInfo_btn a:first-child {
    background: #fa963e;
    float: left;
}
.goodsInfo_btn a:last-child {
    background: #fe8975;
    float: right;
}
.shadow {
    .wh(100%, 100%);
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 50%;
    .tm(translateX(-50%));
    bottom: 0;
    margin: 0 auto;
    z-index: 20;
    .login_warp {
        .wh(78%, auto);
        margin: 0 auto;
        overflow: hidden;
        margin-top: 1.3rem;
        img {
            margin-left: -0.05rem;
            .wh(100%, auto);
            position: relative;
            z-index: 10;
        }
        .login {
            z-index: 11;
            margin-top: -0.4rem;
            .wh(100%, auto);
            position: relative;
            overflow: hidden;
            background: #fff;
            border-radius: 0.15rem;
            -webkit-border-radius: 0.15rem;
            .login_header {
                .wh(100%, 0.65rem);
                text-align: center;
                background: #fe8a76;
                color: #fff;
                line-height: 0.65rem;
                border-top-left-radius: 0.15rem;
                border-top-right-radius: 0.15rem;
                span {
                    font-size: 0.32rem;
                    display: inline-block;
                }
                h6 {
                    font-weight: normal;
                    float: right;
                    font-size: 0.5rem;
                    position: relative;
                    right: 0.2rem;
                }
            }
        }
        .login_name {
            .wh(90%, 1rem);
            border-bottom: 0.01rem solid #F6F6F6;
            margin: 0 5%;
            line-height: 1rem;
            font-size: 0.24rem;
            i {
                color: #b3b3b3;
            }
            input {
                border: 0;
                .wh(40%, auto);
                margin-left: 0.25rem;
            }
            .btn {
                border: 0;
                font-size: 0.2rem;
                background: #fff;
                color: #b3b3b3;
            }
        }
        .layout1,
        .layout2 {
            .wh(90%,auto);
            margin: 0 5%;
            overflow: hidden;
            .btn {
                margin: 0.1rem 0;
                display: block;
                color: #B3B3B3;
            }
            li {
                float: left;
                padding: 0.1rem;
                border: 0.01rem solid #b3b3b3;
                border-radius: 0.1rem;
                color: #b3b3b3;
                margin-right: 0.1rem;
            }
            .active {
                background: #FE8A76;
                color: #fff;
                border: 0.01rem solid #FE8A76;
            }
        }
        .btn1,
        .btn2 {
            .wh(90%, 0.6rem);
            border-radius: 0.15rem;
            -webkit-border-radius: 0.15rem;
            text-align: center;
            line-height: 0.6rem;
            font-size: 0.3rem;
            color: #fff;
            background: #fe8975;
            margin-left: 5%;
            margin-top: 0.3rem;
            margin-bottom: 0.3rem;
        }
    }
}
//路线页面样式
.choose_ul {
    .wh(100%, 0.8rem);
    position: relative;
    background: #fff;
    z-index: 21;
    li {
//      position: relative;
        text-align: center;
        line-height: 0.8rem;
        .wh(33.33%, 0.8rem);
        float: left;
        box-sizing: border-box;
        font-size: 0.22rem;
        border-bottom: 0.01rem solid #F6F6F6;
        border-right: 0.01rem solid #F6F6F6;
        i {
            color: #bcbbbb;
        }
        .icon-xiangshang{
            color: #FE8A76;
        }
    }
}
.count_result {
    .wh(100%, 0.5rem);
    line-height: 0.5rem;
    font-size: 0.2rem;
    color: #8D8D8D;
    border-bottom: 0.01rem solid #F6F6F6;
    padding-left: 0.3rem;
    box-sizing: border-box;
}
.result_list {
    .wh(100%, auto);
    .Remaining{
        .wh(100%,1.05rem);
        background: #F6F6F6;
        p:nth-of-type(1){
            font-size: 0.2rem;
            color: #989898;
            padding-left: 0.2rem;
            padding-top: 0.1rem;
        }
        p:nth-of-type(2){
            color: #FE8A76;
            line-height: 0.6rem;
            i{
                font-size: 0.28rem;
                padding-left: 0.2rem;
            }
        }
    }
    li {
        .wh(100%, auto);
        overflow: hidden;
        border-bottom: 0.01rem solid #F6F6F6;
        img {
            float: left;
            margin: 0.18rem 0.24rem 0.2rem 0.3rem;
            .wh(1.88rem, 1.8rem);
        }
        .result_list_right {
            float: left;
            .wh(62%, 1.42rem);
            margin: 0.18rem 0 0.2rem;
            .p1 {
                font-size: 0.26rem;
                color: #3b3b3b;
                line-height: 0.32rem;
            }
            .p2 {
                position: relative;
                line-height: 0.45rem;
                .span1 {
                    font-size: 0.18rem;
                }
                .span2 {
                    font-size: 0.16rem;
                    margin-left: 0.18rem;
                    color: #b4b4b4;
                }
                .span3 {
                    float: right;
                    color: #fe8a76;
                    font-size: 0.18rem;
                    position: absolute;
                    right: 0.3rem;
                    b {
                        font-size: 0.24rem;
                    }
                }
            }
            .p3 {
                display: block;
                height: 0.45rem;
                overflow: hidden;
                margin-top: -0.1rem;
                line-height: 0.4rem;
                span:nth-of-type(1) {
                    font-size: 0.18rem;
                    color: #FE8A76;
                }
                span:nth-of-type(2) {
                    font-size: 0.16rem;
                    color: #B4B4B4;
                }
            }
            .p4 {
                span {
                    display: inline-block;
                    float: left;
                    margin-top: 0.1rem;
                    margin-right: 0.1rem;
                    font-size: 0.16rem;
                    padding: 0.04rem 0.06rem;
                    color: #608baf;
                    border: 0.01rem solid #608BAF;
                    border-radius: 0.1rem;
                }
            }
        }
    }
}
.time_list {
    display: block;
    position: absolute;
    top: 1.6rem;
    left: 0;
    .wh(100%, auto);
    background: #fff;
    z-index: 21;
    i {
        display: none;
        position: absolute;
        color: #fff;
        font-size: 0.22rem;
    }
    i:nth-of-type(1) {
        top: -0.13rem;
        left: 0.95rem;
    }
    i:nth-of-type(2) {
        top: -0.13rem;
        left: 2.55rem;
    }
    i:nth-of-type(3) {
        top: -0.13rem;
        left: 4.15rem;
    }
    i:nth-of-type(4) {
        top: -0.13rem;
        left: 5.75rem;
    }
    ul {
        .wh(100%, auto);
        li {
            .wh(100%, 1rem);
            border-bottom: 0.01rem solid #F6F6F6;
            box-sizing: border-box;
            line-height: 1rem;
            padding-left: 5%;
            font-size: 0.24rem;
            span {
                float: right;
                margin-right: 5%;
                color: #fff;         
            }
            
        }
        .active{
            span{
                color: #FE8A76; 
            }
               
            }
    }
}
//购物车样式
.comment_header {
    .wh(100%, 0.8rem);
    position: fixed;
    left: 50%;
    .tm(translateX(-50%));
    background: #F6F6F6;
    text-align: center;
    line-height: 0.8rem;
    color: #404040;
    font-size: 0.3rem;
    b {
        font-weight: normal;
        text-align: center;
    }
}
.shopcar_list {
    .wh(100%, auto);
    box-sizing: border-box;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1.7rem;
    padding-bottom: 0.8rem;
    li {
        overflow: hidden;
        position: relative;
        background: #fff;
        .wh(100%, 1.95rem);
        border-bottom: 0.01rem solid #F6F6F6;
        .shopCarMove {
            position: absolute;
            right: 0;
            top: 0;
            .wh(100%, 100%);
            padding: 0.3rem;
        }
        i {
            margin-left: 0.5rem;
            font-size: 0.34rem;
            float: left;
            line-height: 1.45rem;
        }
        .icon-shixinduigoudaibiankuang {
            color: #FE8A76;
        }
        img {
            float: left;
            padding-left: 0.15rem;
            .wh(1.3rem, 1.3rem);
        }
        .shopcar_list_right {
            width: 60%;
            position: relative;
            height: 1.4rem;
            padding-left: 0.26rem;
            float: left;
            .p1 {
                font-size: 0.26rem;
                color: #404040;
                line-height: 0.28rem;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .p2 {
                font-size: 0.24rem;
                color: #666666;
                line-height: 0.4rem;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .p3 {
                line-height: 0.4rem;
                font-size: 0.18rem;
                span {
                    padding: 0.06rem 0.12rem;
                    background: #f7f7f7;
                }
            }
            .p4 {
                line-height: 0.4rem;
                font-size: 0.18rem;
                color: #FE8A76;
                position: absolute;
                bottom: 0;
            }
            .number {
                position: absolute;
                right: 0.3rem;
                bottom: 0.1rem;
                .wh(2rem, 0.5rem);
                border-radius: 0.1rem;
                border: 0.01rem solid #bbbbbb;
                line-height: 0.5rem;
                span {
                    float: left;
                }
                span:nth-of-type(1) {
                    text-align: center;
                    .wh(0.57rem, 0.5rem);
                    box-sizing: border-box;
                    border-right: 0.01rem solid #bbb;
                }
                span:nth-of-type(2) {
                    text-align: center;
                    .wh(0.82rem, 0.5rem);
                }
                span:nth-of-type(3) {
                    text-align: center;
                    .wh(0.57rem, 0.5rem);
                    box-sizing: border-box;
                    border-left: 0.01rem solid #bbb;
                }
            }
        }
    }
}
.shopcarWarp {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 50%;
    .tm(translateX(-50%));
    top: 0;
    background: #F6F6F6;
    margin-top: 0.8rem;
}
.shopcarWarp2{
    .wh(100%,auto);
    background: #fff;
}
.declaration{
    .wh(100%,0.8rem);
    position: fixed;
    left: 0;
    font-size: 0.24rem;
    bottom: 0.9rem;
    line-height: 0.8rem;
    border-top: 0.01rem solid #F6F6F6;
    i{
        margin-left: 0.3rem;
        font-size: 0.32rem;
    }
    .icon-shixinduigoudaibiankuang{
        color: #FE8A76;
    }
    span{
        color: #007AFF;
    }
}
.Settlement {
    background: #fff;
    .wh(100%, 0.8rem);
    line-height: 0.8rem;
    float: left;
    font-size: 0.22rem;
    position: fixed;
    left: 50%;
    .tm(translateX(-50%));
    bottom: 0.9rem;
    i {
        position: absolute;
        left: 0.3rem;
        font-size: 0.32rem;
    }
    .icon-shixinduigoudaibiankuang {
        color: #FE8A76;
    }
    span:nth-of-type(1) {
        margin-left: 0.74rem;
    }
    span:nth-of-type(2) {
        margin-left: 20%;
        b {
            color: #FE8A76;
        }
    }
    span:nth-of-type(3) {
        color: #fff;
        text-align: center;
        float: right;
        display: inline-block;
        .wh(1.78rem, 0.8rem);
        background: #FE8A76;
    }
}
.shopCarDelete {
    height: 100%;
    width: 1rem;
    position: absolute;
    top: 0;
    right: -1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d85656;
    color: white;
    .icon-iconfontdelete {
        font-size: 2em;
        height: 100%;
        width: 100%;
        display: block;
        text-align: center;
        margin: 0;
        line-height: 1.95rem;
    }
}
//项目详情页样式
.main_picture {
    .wh(100%, 4rem);
}
.forum {
    .wh(100%, 1.3rem);
    border-bottom: 0.01rem solid #F6F6F6;
    p:nth-of-type(1) {
        padding: 0.2rem 0.3rem;
        span {
            font-size: 0.16rem;
            color: #fff;
            padding: 0.08rem 0.1rem;
            border: 0.01rem solid;
            border-radius: 0.1rem;
        }
        //      span:nth-of-type(1) {
        //          background: #FE8A76;
        //      }
        //      span:nth-of-type(2) {
        //          background: #608baf;
        //      }
        //      span:nth-of-type(3) {
        //          background: #fecb02;
        //      }
    }
    p:nth-of-type(2) {
        padding: 0 0.3rem;
        span:nth-of-type(1) {
            font-size: 0.26rem;
            color: #404040;
        }
        span:nth-of-type(2) {
            float: right;
            font-size: 0.24rem;
            margin-right: 0.3rem;
            .icon-shoucang1{
                color: #FE8A76;
            }
        }
    }
}
.Profit {
    .wh(100%, 1.05rem);
    border-bottom: 0.2rem solid #F6F6F6;
    li {
        float: left;
        .wh(25%, 1.05rem);
        text-align: center;
        font-size: 0.16rem;
        line-height: 0.4rem;
        span {
            font-size: 0.24rem;
            color: #FE8A76;
            display: block;
            margin-top: 0.2rem;
            b {
                font-weight: normal;
                font-size: 0.16rem;
            }
        }
    }
}
.services {
    .wh(100%, 1.16rem);
    border-bottom: 0.2rem solid #F6F6F6;
    li {
        .wh(25%, 1.16rem);
        text-align: center;
        float: left;
        font-size: 0.2rem;
        img {
            .wh(0.4rem, 0.4rem);
            margin-top: 0.2rem;
            margin-bottom: 0.1rem;
        }
    }
}
.weather{
    .wh(100%,auto);
    box-sizing: border-box;
    padding: 0 5%;
    overflow: hidden;
    border-bottom: 0.2rem solid #F6F6F6;
    .weather_title{
        line-height: 0.8rem;
    }
    ul{
        .wh(100%,auto);
        overflow: hidden;
        padding-bottom: 0.3rem;
        li{
            .wh(0.98rem,3.2rem);
            float: left;
            box-sizing: border-box;
            overflow: hidden;
            border-radius: 0.2rem;
            margin-left: 0.2rem;
            border: 0.01rem solid #FE8A76;
            img{
                .wh(0.8rem,0.8rem);
              margin: 0.15rem 0.1rem;
            }
            p{
                text-align: center;
                
            }
            p:nth-of-type(1){
                font-size: 0.24rem;
                color: #404040;
                line-height: 0.6rem;
            }
            p:nth-of-type(2){
                font-size: 0.18rem;
                color: #A8A8A8;
            }
            p:nth-of-type(3){
                font-size: 0.18rem;
                color: #A8A8A8;
            }
            p:nth-of-type(4){
                font-size: 0.2rem;
                color: #FE8A76;
            }
        }
        li:first-child{
            margin-left: 0;
        }
    }
}
.telephone {
    .wh(100%, 1.12rem);
    border-bottom: 0.2rem solid #F6F6F6;
    span {
        display: inline-block;
        float: left;
        .wh(1.84rem, 0.7rem);
        text-align: center;
        line-height: 0.7rem;
        color: #fff;
        border-radius: 0.1rem;
        font-size: 0.26rem;
        border: 0.01rem solid;
        margin: 0.2rem 0;
    }
    span:nth-of-type(1) {
        background: #FA963E;
        margin-left: 0.85rem;
        margin-right: 0.08rem;
    }
    span:nth-of-type(2) {
        float: right;
        margin-right: 0.85rem;
        background: #ff8a78;
        a {
            font-size: 0.26rem;
            color: #fff;
        }
        //      margin-right: 0.08rem;
    }
    
}
.map{
    padding: 0 5%;
    box-sizing: border-box;
    overflow: hidden;
//  padding-bottom: 0.3rem;
    border-bottom: 0.2rem solid #F6F6F6;
    p{
      line-height: 0.4rem;
      color: #A8A8A8; 
      font-size: 0.22rem !important; 
      
    }
    .title{
        color: #404040;
        font-size: 0.26rem;
        line-height: 0.8rem;
        border-bottom: 0.01rem solid #F6F6F6;
        i{
          float: right;
      }
      
    }
    img{
        .wh(100%,3.87rem)
    }
    .content_hide{
        p{
            span{
                  font-size: 0.22rem !important;
            }
         
        }
        
    }
}
.more_content {
    .wh(100%, auto);
    border-bottom: 0.2rem solid #F6F6F6;
    .p1 {
        color: #404040;
        font-size: 0.26rem;
        margin-left: 0.3rem;
        line-height: 0.8rem;
        i {
            float: right;
            margin-right: 0.3rem;
        }
    }
    img {
        display: block;
        .wh(100%, auto);
        padding: 0.15rem 0;
//      margin: 0 5%;
    }
    .p2{
        color: #A8A8A8;
        margin: 0 5%;
        font-size: 0.22rem;
        margin-top: 0.1rem;
    }
    .more {
        .wh(100%, 0.7rem);
        padding: 0.35rem 0;
        overflow: hidden;
        span {
            box-sizing: border-box;
            overflow: hidden;
            .wh(3rem, 0.7rem);
            display: block;
            margin-left: 25%;
            text-align: center;
            line-height: 0.7rem;
            border: 0.01rem solid #FE8A76;
            color: #FE8A76;
            border-radius: 0.1rem;
            font-size: 0.28rem;
        }
    }
    .content {
        .wh(100%, auto);
        //      overflow: hidden;
        display: none;
        p {
            .wh(90%, auto);
            display: inline-block;
            margin: 0 5%;
            overflow: hidden;
            font-size: 0.22rem;
            //      margin-top: 0.1rem;
            line-height: 0.3rem !important;
            //      margin-bottom: 0.2rem;
            img {
                .wh(100%, auto) !important;
                display: block;
                margin: 0;
            }
        }
    }
}
.house_type {
    .wh(100%, auto);
    overflow: hidden;
    border-bottom: 0.2rem solid #F6F6F6;
    position: relative;
    .main_door {
        .wh(90%, 0.8rem);
        color: #000;
        margin: 0 5%;
        line-height: 0.8rem;
        span {
            float: right;
            color: #99cdee;
            font-size: 0.18rem;
        }
        i{
            float: right;
        }
    }
}
.house_Type {
    .wh(100%, 6rem);
    overflow-x: scroll;
    .type_img {
        overflow: hidden;
        .wh(150%, 6rem);
        li {
            float: left;
            .wh(48%, 6rem);
//          margin-left: 2%;
            text-align: left;
            overflow: hidden;
            line-height: 0.5rem;
            p {
                margin-left: 0.3rem;
            }
            p:nth-of-type(1) {
                color: #3a4040;
                font-weight: bolder;
            }
            p:nth-of-type(2) {
                color: #dc394e;
            }
            p:nth-of-type(3) {
                color: #FE8A76;
            }
            img {
                .wh(100%, 100%)
            }
        }
    }
}
.Info_comment {
    .wh(100%, auto);
    border-bottom: 0.2rem solid #F6F6F6;
    .comment_num {
        .wh(100%, 0.7rem);
        border-bottom: 0.01rem solid #F6F6F6;
        line-height: 0.7rem;
        box-sizing: border-box;
        padding-left: 5%;
        font-size: 0.26rem;
        color: #404040;
        span {
            font-size: 0.2rem;
        }
        b{
           font-size: 0.16rem;
           font-weight: normal;
           float: right;
           margin-right:0.3rem;
           color: #FE8A76;
        }
    }
    .comment_score {
        .wh(100%, auto);
        padding-left: 5%;
        overflow: hidden;
        box-sizing: border-box;
        border-bottom: 0.01rem solid #F6F6F6;
        .p1 {
            line-height: 0.18rem;
            font-size: 0.18rem;
            padding: 0.2rem 0;
            .star {
                margin-left: 0.1rem;
                position: relative;
                display: inline-block;
                li {
                    font-size: 0.16rem;
                    float: left;
                }
                .on {
                    color: #FE8A76;
                }
            }
            b {
                color: #FE8A76;
                font-size: 0.28rem;
                font-weight: normal;
            }
        }
        .p2 {
            line-height: 0.3rem;
            margin-bottom: 0.1rem;
            b {
                color: #FE8A76;
                font-weight: normal;
            }
        }
    }
    .comment_content {
        .wh(100%, auto);
        img {
            .wh(0.6rem, 0.6rem);
            border-radius: 50%;
            float: left;
            margin-left: 5%;
            margin-top: 0.5rem;
        }
        .right {
            .wh(4.9rem, 1.3rem);
            margin-top: 0.17rem;
            float: left;
            margin-left: 0.3rem;
            p {
                font-size: 0.18rem;
                color: #a8a8a8;
            }
            p:nth-of-type(2) {
                font-size: 0.2rem;
                color: #404040;
                padding: 0.1rem 0;
            }
        }
    }
    .last_p {
        .wh(100%, 0.7rem);
        padding: 0.35rem 0;
        overflow: hidden;
        span {
            box-sizing: border-box;
            overflow: hidden;
            .wh(3rem, 0.7rem);
            display: block;
            margin-left: 25%;
            text-align: center;
            line-height: 0.7rem;
            border: 0.01rem solid #FE8A76;
            color: #FE8A76;
            border-radius: 0.1rem;
            font-size: 0.28rem;
        }
    }
}
.star-vote {
    display: inline-block;
    width: 1.2rem;
    height: 0.2rem;
    position: relative;
    overflow: hidden;
    margin-left: 0.2rem;
}
.star-vote>span {
    position: absolute;
    width: 1.2rem;
    height: 0.2rem;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}
.star-Vote {
    display: inline-block;
    width: 1.2rem;
    height: 0.2rem;
    position: relative;
    float: right;
    overflow: hidden;
    margin-left: 0.2rem;
}
.star-Vote>span {
    position: absolute;
    width: 1.2rem;
    height: 0.2rem;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}
.star-vote>.add-star {
    background-image: url("../img/star2.png");
}
.star-vote>.del-star {
    background-image: url("../img/star1.png");
    background-color: white;
}
.star-Vote>.add-Star {
    background-image: url("../img/star2.png");
}
.star-Sote>.del-Star {
    background-image: url("../img/star1.png");
    background-color: white;
}
.addressdialog {
    position: fixed;
    left: 50%;
    padding: 0.05rem 0.25rem;
    background: rgba(0,0,0,0.9);
    top: 50%;
    color: #fff;
    z-index: 100;
    .tm(translateX(-50%));
    border-radius: 0.1rem;
    display: none;
}
.content_head {
    .wh(90%,auto);
    margin: 0 5%;
    img {
        .wh(100%,auto)
    }
}
.head_title {
    .wh(100%,1rem);
    text-align: center;
    line-height: 1rem;
    font-size: 0.3rem;
    font-weight: bolder;
}
.link_building {
    .wh(100%,0.8rem);
    line-height: 0.8rem;
    border-bottom: 0.01rem solid #F6F6F6;
    padding-left: 5%;
    font-size: 0.28rem;
    font-weight: bold;
    box-sizing: border-box;
}
.warp_bankchoose {
    .wh(100%,auto);
    overflow: hidden;
    border-bottom: 0.2rem solid #F6F6F6;
}
.bankChoose {
    .wh(90%,1rem);
    line-height: 1rem;
    margin: 0 5%;
    color: #404040;
    font-size: 0.24rem;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #F6F6F6;
    input {
        margin-left: 5%;
        .wh(70%,auto);
        font-size: 0.24rem;
        border: 0;
    }
    i {
        float: right;
    }
    span {
        b {
            margin-left: 0.2rem;
            font-style: normal;
            font-weight: normal;
            color: #B3B3B3;
        }
    }
}
.bankChoose_list {
    position: relative;
    .wh(90%,auto);
    ul {
        display: none;
        background: #fff;
        position: absolute;
        z-index: 21;
        .wh(100%,auto); //      border: 0.01rem solid #F6F6F6;
        line-height: 0.7rem;
        li {
            text-align: center;
            border-bottom: 0.01rem solid #F6F6F6;
        }
    }
}
.warp_bank_list {
    .wh(100%,auto);
    overflow: hidden;
    border-bottom: 0.2rem solid #F6F6F6;
}
.bank_list {
    .wh(6rem,1.8rem);
    border-radius: 0.1rem;
    margin: 0.2rem 0.2rem 0;
    background: url("../img/bankbg.png") no-repeat;
    background-size: 100% auto;
    position: relative;
    .warp_img {
        position: absolute;
        left: 0.3rem;
        top: 0.24rem;
        .wh(0.52rem,0.52rem);
        border-radius: 50%;
        background: #fff;
        img {
            .wh(0.42rem,0.42rem);
            margin-top: 0.05rem;
            margin-left: 0.05rem;
        }
    }
    p {
        color: #fff;
        position: absolute;
    }
    .bank_name {
        left: 1.1rem;
        top: 0.24rem;
        font-size: 0.26rem;
    }
    .bank_style {
        left: 1.1rem;
        top: 0.64rem;
        font-size: 0.22rem;
    }
    .bank_card {
        left: 1.1rem;
        top: 1.1rem;
        font-size: 0.36rem;
    }
}
.bank_list:last-child {
    margin-bottom: 0.2rem;
}
.shadow2{
    display: none;
    .wh(100%, 100%);
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 50%;
    .tm(translateX(-50%));
    bottom: 0;
    margin: 0 auto;
    z-index: 20;
}
.edui-upload-video{
    width: 90%;
    margin: 5% 5%;
    height: auto;
}